/**
 * scrollbar.css 
 * 滚动条样式；
 * 
 * dependencies：
 * @require ../base.css
 * 
 * created by Oscar at 2017/05/24 17:11.
 * 
 */

@import "../components/_base.scss";

/* scrolling */
.m_scroll { overflow: hidden !important; /*TODO:无法兼容IE7*/position: relative }
.m_scroll_container { overflow: hidden; position: relative; z-index: 1; left: 0; top: 0; }
.m_scroll_bar { position: absolute; z-index: 2; top: 2%; right: 0; width: 16px; height: 96%; overflow: hidden; }
.m_scroll_dragger { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 20px; }
.m_scroll_dragger:hover { cursor: pointer; }
.m_scroll_handle,
.m_scroll_dragger_groove { display: block; width: 6px; height: 100%; margin: 0 auto; background-color: $BlackColor; border-radius: 6px; -moz-user-select: none; }
.m_scroll_handle { -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30);-webkit-transition:all ease-in .1s; transition:all ease-in .1s; }
.m_scroll_dragger_groove { -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30);-webkit-transition:all ease-in .1s; transition:all ease-in .1s; }

.m_scroll:hover .m_scroll_handle { -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
.m_scroll:hover .m_scroll_dragger_groove { -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }

.m_scroll_bar:hover .m_scroll_handle { -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
.m_scroll_bar:hover .m_scroll_dragger_groove { -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
/* ./scrolling */